@import url(../css/command.css);
@import url(../css/rest.css);
@import url(../utils/iconfont.css);
// 整体
.warp{
    width: 100vw;
    header{
        width: 94.6667vw;
        margin: 0 2.6667vw;
        .header_top{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 6.4vw;
        }

        .header_mid{
          width: 100%;
          margin: 4.2667vw 0;
          .search_box{
             margin: 0 auto;
          }
        }
        .header_botm{
            width: 100%;
            & p{
                font-size: 3.4667vmin;
                text-align: center;
            }
            .commodity_list{
                width: 68.2667vw;
                height: 17.3333vw;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-content: space-between;
                margin: 1.8667vw auto;
                & div{
                    width: 16.6667vw;
                    height: 8.5333vw;
                    line-height: 8.5333vw;
                    font-size: 2.6667vmin;
                    background-color: #dcdcdc;

                    &:hover{
                        background-color: rgb(145, 145, 145);
                        box-shadow: 1px 2px 1px;
                    }
                }
            }
        }
    }
    main{
        width: 94.6667vw;
        margin: 4.6667vw 2.6667vw;
        .hot_search{
            width: 100%;
            // infotitle引用公共样式
            .infotitle{
                .infotitle_left{
                    margin-left: 2.1333vw;
                    img{
                        width: 4.2667vw;
                    }
                }
            }
            // 热门搜索内容区
            .hot_cont{
                width: 100%;
                display: flex;
                justify-content: space-between;
                 .hot_cont_left{
                    width: 37.3333vw;
                    img{
                        width: 100%;
                        display: block;
                    }

                }
                 .hot_cont_right{
                    width: 56vw;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    align-content: space-between;
                    & div:nth-of-type(1){
                        width: 56vw;
                }
                    & div:nth-of-type(2){
                        width: 26vw;

                }
                    & div:nth-of-type(3){
                        width: 28.1333vw;

                }
                 & div img{
                    width: 100%;
                    display: block;
                }
              }
            }

        }
         .recommend_search{
           width: 100%;
            // infotitle引用公共样式
             .infotitle{
                .infotitle_left{
                    align-items: flex-end;
                    & img{
                        width: 5.4667vw;
                    }
                }
            }
            .recommend_cont{
                width: 94.6667vw;
                display: flex;
                justify-content: space-between;
                   & div img{
                    display: block;
                    width: 100%;
                   }
                   & div:nth-of-type(1){
                     width: 30.4vw;
                   }
                   & div:nth-of-type(2){
                     width: 29.4667vw;
                }
                & div:nth-of-type(3){
                     width: 29.3333vw;
                }
            }

         }
    }
    footer{
        .navb_list{
            .nav_box{
                .find{
                    .zhen_raduis{
                        background-color:#ff9446;
                        &::before,&::after{
                           border-color: #fff transparent transparent transparent;
                        }
                    }
                }
            }
        }
    }
}